import {createTheme, ThemeProvider} from "@mui/material";

import {BrowserRouter, Routes, Route, Navigate} from "react-router-dom";
import Login from "./views/login";
import Home from "./views/home";
import Chat from "./views/chat";
import SignUp from "./views/signup";

export const theme = createTheme({
    palette: {
        type: 'dark',
        primary: {
            main: '#494343',
        },
        secondary: {
            main: '#1eb980',
        },
        info: {
            main: '#72deff',
        },
        background:{
            default: '#28282a',
            paper: '#303030',
        },
        text: {
            primary: '#ffffff',
            secondary: '#929292',
            disabled: '#929292',
            hint: '#929292',
        },
    },
});

function App() {

  return (
    <ThemeProvider theme={theme}>
      <BrowserRouter>
        <Routes>
          <Route path="/" element={<Navigate replace to="/login" />} />
          <Route path="/login" element={<Login/>}/>
          <Route path="/signup" element={<SignUp/>}/>
          <Route path="/home" element={<Home/>}/>
          <Route path="/chat" element={<Chat/>}/>
        </Routes>
      </BrowserRouter>
    </ThemeProvider>
  );
}

export default App;
